.map{
    height: 100%;
    width: 69%;
    margin:8px;
}
.data{
    height: 100%;
    width: 29%;
    margin: 8px;
}
.data  h1{
    text-align:center;
    margin-bottom:8px ;
}
.taskData{
    height: 45%;
    border:1px solid #666666;
}
.stackData{
    height: 35%;
}
.steelData{
    height: 35%;
    border:1px solid #666666;
    margin-top: 8px;
}
.hidden{
    visibility: hidden;
}
.layui-form-item .layui-input-inline {
    width: 28%;
}

.task-data-container {
    font-size: 20px;
    /*margin-left: 3px;*/
    border: none;
    outline: none;
    /*color: #4b7ca4;*/
    color: white;
    font-weight: bold;
    border-radius: 4px;
    width: 20%;
    padding: 8px 8px;
    margin-top: 15px;

}

.task-data-label {
    display: inline-block;
    padding: 3px 3px;
    background-color: #64e8fd;
    /*color: #4b7ca4;*/
    color: #1a1f28;
    /*text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de*/
    /*,0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;*/
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    width: 17%;
    margin-top: 15px;
}
.taskData > h1{
    color: #64e8fd;
}
#stopTask {
    margin-left: 13vh;
}
.custom-btn {
    display: inline-block;
    margin-top: 2vh;
}